Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fleet UI: Add timestamps to host count on software detail pages #25143

Merged
merged 8 commits into from
Jan 7, 2025

Conversation

RachelElysia
Copy link
Member

@RachelElysia RachelElysia commented Jan 3, 2025

Issue

For #24975

Description

  • Add last updated at counts for the software details page, os details page, and vulnerabilities details page
  • These counts are all baseline
  • Fixed all last updated counts to not be bolded

Screenshot of all 3

Screenshot 2025-01-06 at 12 02 47 PM Screenshot 2025-01-06 at 12 02 29 PM Screenshot 2025-01-06 at 12 02 15 PM

Checklist for submitter

If some of the following don't apply, delete the relevant line.

  • Changes file added for user-visible changes in changes/, orbit/changes/ or
  • Manual QA for all new/changed functionality

Copy link

codecov bot commented Jan 3, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 63.85%. Comparing base (2ca4f2f) to head (8dc8ec7).
Report is 6 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main   #25143   +/-   ##
=======================================
  Coverage   63.85%   63.85%           
=======================================
  Files        1617     1618    +1     
  Lines      153841   153846    +5     
  Branches     3944     3996   +52     
=======================================
+ Hits        98231    98236    +5     
+ Misses      47796    47795    -1     
- Partials     7814     7815    +1     
Flag Coverage Δ
frontend 53.26% <100.00%> (+0.01%) ⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link
Member

@iansltx iansltx left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code looks fine (though it feels like we could extract the host count tooltip message to a constant somewhere), but styling is a bit off. Which probably means tweaking the last-updated counts element.

From Figma:

host count styling

Checked the font on that item in Figma and it's showing bold rather than standard, and I'm 99% sure the font-weight on the added items isn't bold. Additionally, seems like we're missing a tiny bit of left-pading on the count element to match up with Figma (and it feels like we do need that padding). Can't eyeball this exactly (I probably could if host count was 48) but maybe 4-8px?

@RachelElysia
Copy link
Member Author

@iansltx thanks for catching these, I just did what the default was for current styling

  • All other updated at isn't bold, I updated this PR to match figma bold. @eugkuo is this intentional?
  • Added in the 8px gap
  • Aligned baseline to match Figma, though other updated at isn't aligned baseline. @eugkuo is this intentional

Example of other updated at text not being aligned baseline and not being bold:
Screenshot 2025-01-06 at 10 57 59 AM

@eugkuo
Copy link
Contributor

eugkuo commented Jan 6, 2025

@RachelElysia

All other updated at isn't bold, I updated this PR to match figma bold. @eugkuo is this intentional?

Looking at the live software pages it looks like "Updated" is bold:

  1. https://dogfood.fleetdm.com/software/titles?team_id=0
  2. https://dogfood.fleetdm.com/software/os?team_id=0&page=0
  3. https://dogfood.fleetdm.com/software/vulnerabilities?team_id=0&page=0

Which is probably why I made it bold here. That said, I don't think it needs to/should be as, as you point out, it isn't elsewhere in the platform. I def like it better unbolded. I'll make the changes to unbold in the associated figma file. Thanks for calling that out!

Aligned baseline to match Figma, though other updated at isn't aligned baseline. @eugkuo is this intentional

It's actually been annoying me that text isn't baseline aligned in the platform. I'm baseline aligning it on the pages I touch and def would like to see it baseline aligned throughout going forward. It looks a little like a mistake (or that the tooltip underline is pushing the text up) when it's not baseline aligned imho.

@RachelElysia
Copy link
Member Author

It looks a little like a mistake (or that the tooltip underline is pushing the text up) when it's not baseline aligned imho.

@eugkuo - sweet, I agree. Maybe let's make a bug ticket for this so we can track fixing it everywhere. I'll push it aligned baseline here to get that ball rolling.

I'll unbold the text and push up to this PR

@@ -1,5 +1,6 @@
.component__last-updated-text {
font-size: $xx-small;
font-weight: $regular;
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Updated globally here

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks Rachel. Can you also please remove these lines (same fix, locally) with merging this global update

@eugkuo
Copy link
Contributor

eugkuo commented Jan 6, 2025

@eugkuo - sweet, I agree. Maybe let's make a bug ticket for this so we can track fixing it everywhere. I'll push it aligned baseline here to get that ball rolling.

@RachelElysia I've created this bug ticket. I'll populate it with figma links in the "To fix" section tonight: #25180

@RachelElysia
Copy link
Member Author

@iansltx ready for ur review <3

Copy link
Member

@iansltx iansltx left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LastUpdatedHostCount feels a little bit weird naming-wise, vs. e.g. HostCountWithFreshness, but my opinion on this isn't strong enough to block. Otherwise code LGTM; thanks for the cleanup/componentization!

@RachelElysia RachelElysia merged commit d079b63 into main Jan 7, 2025
14 checks passed
@RachelElysia RachelElysia deleted the 24795-last-updated-count branch January 7, 2025 14:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

4 participants